<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>内部报事</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/editStyle.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="css/neibubaoshiadd.css" />
    <style type="text/css">
      
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <!-- 紧急程度 -->
        <div class="mask_bg" v-on:click="doCloseLevel()" v-if="IsLevelOpen"></div>
        <div class="choose_box" v-if="IsLevelOpen">
            <div class="choose_room_title">
                <div class="choose_room_title">选择紧急程度</div>
            </div>
            <div class="choose_room_content">
                <div v-on:click="doSelectLevel(item)"  class="choose_room_item"  v-for="item in LevelList" v-bind:class="{'selected':form.LevelID==item.ID}" >
                    <label>{{item.Name}}</label><i  v-bind:class="{'selected':form.LevelID==item.ID}" class="icon iconfont icon-xuanze"></i>
                </div>
            </div>
        </div>
        <!-- 任务标签 -->
        <div class="mask_bg" v-on:click="doCloseTag()" v-if="IsTagOpen"></div>
        <div class="choose_box" v-if="IsTagOpen">
            <div class="choose_room_title">
                <div class="choose_room_title">选择任务标签</div>
            </div>
            <div class="choose_room_content">
                <div v-on:click="doSelectTag(item)"  class="choose_room_item"  v-for="item in TagList" v-bind:class="{'selected':form.TagID==item.ID}" >
                    <label>{{item.TaskName}}</label><i  v-bind:class="{'selected':form.TagID==item.ID}" class="icon iconfont icon-xuanze"></i>
                </div>
            </div>
        </div>
        <div class=" boxarea edit">
            <div class="">
                <div class="aui_formitem">
                    <div class="aui_formtitle">区域</div>
                    <div class="aui_formcontent">
                        <label class="label-radio">
                            <input class="aui-radio" v-on:click="do_select_area(1)" style="margin-top: -6px;" type="radio" name="PlanType" v-bind:checked="form.ServiceArea=='公共区域'">公共
                        </label>
                        <label class="label-radio">
                            <input class="aui-radio" v-on:click="do_select_area(2)" style="margin-top: -6px;" type="radio" name="PlanType" v-bind:checked="form.ServiceArea=='个人区域'">个人
                        </label>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle ">工单类型<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent" v-on:click="do_choose_type()">
                        <input class="choose" readonly="readonly" type="text" placeholder="请选择" v-model="form.ServiceTypeName">
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">报修位置<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent" v-on:click="do_select_project()">
                        <div class="moreproject" v-bind:class="{'textColorPlaceholder':form.ServiceFullName==''||form.ServiceFullName==undefined}">{{form.ServiceFullName==''||form.ServiceFullName==undefined?'请选择':form.ServiceFullName}}</div>
                        <!-- <textarea class="inline_placeholder choose"  cols="25" rows="3" style="padding-top: 3px; text-align: right; " placeholder="请选择" v-on:click="do_select_project()" readonly="readonly" v-model="form.ServiceFullName"></textarea> -->
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">报修人<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent">
                        <input type="text" placeholder="请填写" v-model="form.AddCustomerName">
                    </div>
                </div>
                <div class="aui_formitem" v-if="form.ServiceArea=='个人区域'">
                    <div class="aui_formtitle ">预约时间</div>
                    <!-- <div class="aui_formcontent" v-on:click="do_select_time()">
                        <span class="choose new-span-input" id="choosedatetime" data-options='{"type":"datetime"}' v-bind:class="{'textColorPlaceholder':form.AppointTime==''}">{{form.AppointTime==''?'请选择':form.AppointTime}}</span>
                        <i class="icon iconfont icon-xiangyoujiantou ml5"></i>
                    </div> -->
                    <div class="aui_formcontent" v-on:click="onTimeClick()">
                        <span v-if="!form.AppointTime"
                            class="choose new-span-input textColorPlaceholder">请选择</span>
                        <span v-if="form.AppointTime" class="choose new-span-input">{{dayModel.Date}}
                            {{TimeModel.StartTime}}-{{TimeModel.EndTime}}</span>
                        <i class="icon iconfont icon-xiangyoujiantou ml5"></i>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">手机号码</div>
                    <div class="aui_formcontent">
                        <input type="number" placeholder="请填写联系电话" v-model="form.AddCallPhone">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">紧急程度</div>
                    <div class="aui_formcontent" v-on:click="do_chooseLevel()">
                        <input class="choose"  v-model="form.LevelName" readonly="readonly" type="text" placeholder="请选择">
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">任务标签</div>
                    <div class="aui_formcontent" v-on:click="do_chooseTag()">
                        <input class="choose"  v-model="form.TagName" readonly="readonly" type="text" placeholder="请选择">
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                    </div>
                </div>
                <div class="aui_formitem block" style="border-bottom: none;">
                    <div class="aui_formtitle">内容描述<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent" style="padding-left: 0px;">
                        <textarea placeholder="请尽量填写详细的问题描述，方便我们的维修人员快速确认问题。谢谢合作！" v-model="form.ServiceContent" style="height: 4rem;"></textarea>
                    </div>
                </div>
            </div>
            <div class="imglist_box" style="padding-top: 30px;">
                <div class="imglist_item" v-for="(item,index) in imglist">
                    <img v-on:click="do_viewimages(index)" class="imgitem ml4" v-bind:src="item.url" />
                    <img v-on:click="remove_img(index,item)" class="onmouse_close" src="../image/close_mouseover.svg" />
                </div>
                <div v-if="imglist.length<maxuploadcount" class="imglist_item ml4">
                    <div class="img_plusbox">
                        <img v-on:click="choose_picture()" src="../image/photo_image.svg" />
                    </div>
                    最多支持{{maxuploadcount}}张
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">提交</div>
        </div>


        <van-popup v-model:show="showTimePicker" round position="bottom">
            <van-row>
                <van-col span="24">
                    <div class="yhj-title border-bottomLine">选择预约时间 <i v-on:click="onTimeClose()"
                            class="aui-iconfont aui-icon-close rightclose"></i></div>
                </van-col>
            </van-row>
            <van-row class="aui-padded-b-15">
                <div style="padding:10px 15px;">
                    <div class="aui-margin-b-10" style="display: flex; justify-content: space-between;">
                        <div v-for="item in dayList" v-on:click="onDayChoose(item)" class="header-tag-bg" v-bind:class="{'header-tag-bg-active':dayModel.ID==item.ID}">
                            <div>{{item.Title}}</div>
                            <div>{{item.MomentDate}}</div>
                        </div>
                    </div>
                    <div v-if="TimeList.length>0" class="aui-margin-b-10">
                        <div style="display:flex;">
                            <div class="new-fles-center" style=" display: flex; justify-content: flex-start;">
                                <div style="width: 1.4em; height: 1.4em; background: #EAF5FC;"></div>
                                <div class="aui-margin-l-5">可预约</div>
                            </div>
                            <div class="new-fles-center" style=" display: flex; justify-content: flex-start;margin-left:20px;">
                                <div style="width: 1.4em; height: 1.4em;background:#eee;"></div>
                                <div class="aui-margin-l-5">不可预约</div>
                            </div>
                        </div>

                    </div>
                    <div v-if="TimeList.length>0" class ="aui-margin-b-10">
                        <div class="content-time-flex" style=" ">
                            <div v-for="(item,index) in TimeList" v-on:click="onTimeChoose(item,index)" class="content-tag-bg" v-bind:class="{'content-tag-bg-can':item.isCheck}">
                                <span>{{item.StartTime}}-{{item.EndTime}}</span>
                            </div>
                        </div>
                    </div>
                    <div v-if="TimeList==undefined||TimeList.length<=0" class ="aui-margin-b-10">
                        <div>
                            <div v-if="TimeList==undefined||TimeList.length<=0">
                                <van-empty description="暂无数据" image-size="100" />
                            </div>
                        </div>
                    </div>
                </div>
            </van-row>

        </van-popup>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript " src="js/neibubaoshi_add.js"></script>
</html>